<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>轿运联盟</title>

<link rel="stylesheet" href="css/swiper.min.css" />
<style type="text/css">
.swiper-container{
	width:990px;
	height:500px;
	margin:0 auto;	
}	
.swiper-wrapper{
	width:990px;
	height:500px;

}
.swiper-wrapper .swiper-slide{
	width:300px;
	height:500px;	
}
.swiper-wrapper .swiper-slide img{
	width:300px;	
	height:500px;	
}
</style>
 </head>
 
<body>
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="img/banner1.jpg"></div>
        <div class="swiper-slide"><img src="img/banner2.jpg"></div>
        <div class="swiper-slide"><img src="img/banner3.jpg"></div>
        <div class="swiper-slide"><img src="img/banner1.jpg"></div>
        <div class="swiper-slide"><img src="img/banner2.jpg"></div>
        <div class="swiper-slide"><img src="img/banner3.jpg"></div>        
    </div>
    
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>    
</div>

<script src="js/swiper.min.js"></script>
<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    loop: true,
    
    
    // 如果需要前进后退按钮
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    
	slidesPerGroup : 1,
	slidesPerView : 3,
 	spaceBetween : 45,
  })        
  </script>
</body>
</html>